<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小米商城</title>
<meta name="description"
	content="小米商城直营小米公司旗下所有产品，囊括小米手机系列小米Note 3、小米8、小米MIX 2S，红米手机系列红米5 Plus、红米6 Pro，智能硬件，配件及小米生活周边，同时提供小米客户服务及售后支持。" />
<meta name="keywords" content="小米,小米8,小米7,红米5Plus,小米MIX2,小米商城" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/mi8show.css" />
<link rel="stylesheet" type="text/css" href="css/lunbo.css" />
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
	//1 轮播
	$(function() {
		//控制轮播顺序
		var i = 0;
		var fixtime = window.setInterval(lunbo, 1000);
		function lunbo() {
			//当i==3时，重新将i的值改为0
			if (i == 3) {
				i = 0;
			}
			//图片的轮播
			$(".themePic li").eq(i).fadeIn(1000).siblings().fadeOut(1000);
			//让li对应的小辉框变白
			$(".num li").eq(i).addClass("active").siblings().removeClass(
					"active");
			i++;
		}
		//鼠标指向图片时定住
		$(".themePic").hover(function() {
			window.clearInterval(fixtime);
			//
		},
		//			鼠标离开时图片继续轮播
		function() {
			fixtime = window.setInterval(lunbo, 1000);
		})
		//鼠标放在小灰框显示响应图片
		$(".num li").mouseover(function() {
			//suoyin
			var inx = $(this).index();
			$(".themePic li").eq(inx).fadeIn().siblings().fadeOut();
			//鼠标放在小白框上变白
			$(this).addClass("active").siblings().removeClass("active");
			i = inx;
		})
	})
	//2轮播
	$(function() {
		//控制轮播顺序
		var i = 0;
		var fixtime = window.setInterval(lunbo, 2000);
		function lunbo() {
			//当i==3时，重新将i的值改为0
			if (i == 4) {
				i = 0;
			}
			//图片的轮播
			$(".secondPic li").eq(i).fadeIn(2000).siblings().fadeOut(2000);
			//让li对应的小辉框变白
			$(".num1 li").eq(i).addClass("active").siblings().removeClass(
					"active");
			i++;
		}
		//鼠标指向图片时定住
		$(".secondPic").hover(function() {
			window.clearInterval(fixtime);
			//
		},
		//			鼠标离开时图片继续轮播
		function() {
			fixtime = window.setInterval(lunbo, 2000);
		})
		//鼠标放在小灰框显示响应图片
		$(".num1 li").mouseover(function() {
			//suoyin
			var inx = $(this).index();
			$(".secondPic li").eq(inx).fadeIn().siblings().fadeOut();
			//鼠标放在小白框上变白
			$(this).addClass("active").siblings().removeClass("active");
			i = inx;
		})
	})
	//3轮播
	$(function() {
		//控制轮播顺序
		var i = 0;
		var fixtime = window.setInterval(lunbo, 2000);
		function lunbo() {
			//当i==3时，重新将i的值改为0
			if (i == 5) {
				i = 0;
			}
			//图片的轮播
			$(".thirdPic li").eq(i).fadeIn(2000).siblings().fadeOut(2000);
			//让li对应的小辉框变白
			$(".num2 li").eq(i).addClass("active").siblings().removeClass(
					"active");
			i++;
		}
		//鼠标指向图片时定住
		$(".thirdPic").hover(function() {
			window.clearInterval(fixtime);
			//
		},
		//			鼠标离开时图片继续轮播
		function() {
			fixtime = window.setInterval(lunbo, 2000);
		})
		//鼠标放在小灰框显示响应图片
		$(".num2 li").mouseover(function() {
			//suoyin
			var inx = $(this).index();
			$(".thirdPic li").eq(inx).fadeIn().siblings().fadeOut();
			//鼠标放在小白框上变白
			$(this).addClass("active").siblings().removeClass("active");
			i = inx;
		})
	})
</script>
</head>
<body>
	<div class="site-topbar">
		<div class="container">
			<div class="topbar-nav">
				<a href="index.jsp">小米商城</a> <span>|</span> <a href="#">MIUI</a> <span>|</span>
				<a href="#">loT</a> <span>|</span> <a href="#">云服务</a> <span>|</span>
				<a href="#">金融</a> <span>|</span> <a href="#">有品</a> <span>|</span>
				<a href="#">小爱开放平台</a> <span>|</span> <a href="#">企业服务</a> <span>|</span>
				<a href="#">Select Region</a>
			</div>
			<div class="topbar-cart">
				<a> <i class="icon"></i> 购物车 <span>(0)</span>
				</a>
				<div class="topbar-hide">
					<span>购物车中还没有商品，赶紧选购吧！</span>
				</div>
			</div>
			<div class="topbar-info">
				<%
					String loginImg = (String) session.getAttribute("simg");
				 	if (loginImg != null) {
				 		String user = session.getAttribute("simg").toString();
				 		out.print("<img class = 'thumFace' src='"+loginImg+"'>");
				 	} 
				%>
				<%
					String loginName = (String) session.getAttribute("sname");
					String loginTel = (String) session.getAttribute("stel");
					if (loginName != null) {
						// 用户已登录
						String user = session.getAttribute("sname").toString();
						out.print("<a href = 'userinfo.jsp' id = 'userInfo'>" + user + "<a/>");
						out.print("<span> |</span> ");
						out.print("<a href='logout.jsp'>退出</a> ");
					} else if (loginTel != null) {
						// 用户已登录
						String user = session.getAttribute("stel").toString();
						out.print("<a href = 'userinfo.jsp' id = 'userInfo'>" + user + "<a/>");
						out.print("<span>|</span> ");
						out.print("<a href='logout.jsp'>退出</a> ");
					} else {
						// 用户未登录
						out.print("<a href='loading.jsp' id = 'userName'>登录</a>");
						out.print("<span>|</span> ");
						out.print("<a href='register.jsp'>注册</a> ");
					}
				%>
				<span>|</span> <a href="#">消息通知</a>
			</div>
		</div>
	</div>

	<div class="site-head">

		<div class="container">
			<div class="head-logo">
				<a href="index.jsp"><img src="img/headLogo.png" width="55px"
					height="55px" alt="小米官网" /></a>
			</div>
			<div class="head-nav">
				<ul>
					<li><a>小米手机</a>
						<div class="head-hide">
							<div class="children">
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="mi8show.jsp"><img
											src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="mi8show.jsp">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8se.png" /></a>
									</div>
									<a href="#">小米8 SE</a><br /> <span>1799元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/max3-320-220.png" /></a>
									</div>
									<a href="#">小米Max3</a><br /> <span>1699元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/mix2s320-220white.png" /></a>
									</div>
									<a href="#">小米MIX 2S</a><br /> <span>3299元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/mix2320-220.png" /></a>
									</div>
									<a href="#">小米MIX 2</a><br /> <span>2599元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/32022012085.jpg" /></a>
									</div>
									<a href="#">小米6X</a><br /> <span>1399元起</span>
								</div>
							</div>
						</div></li>

					<li><a>红米</a>
						<div class="head-hide">
							<div class="children">
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/6pro320-220.png" /></a>
									</div>
									<a href="#">红米6Pro</a><br /> <span>999元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/666320.png" /></a>
									</div>
									<a href="#">红米6</a><br /> <span>799元</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/6A320.png" /></a>
									</div>
									<a href="#">红米6A</a><br /> <span>599元</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/note5-320-220.png" /></a>
									</div>
									<a href="#">红米note 5</a><br /> <span>1099元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/s2-320-220.png" /></a>
									</div>
									<a href="#">红米S2</a><br /> <span>999元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/5P-320-220.png" /></a>
									</div>
									<a href="#">红米5 Plus</a><br /> <span>999元起</span>
								</div>
							</div>
						</div></li>

					<li><a>电视</a>
						<div class="head-hide">

							<div class="children">
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/75.png" /></a>
									</div>
									<a href="#">小米电视4 75英寸</a><br /> <span>8999元</span>
								</div>
								<div class="productor">
									<span>热卖</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/32.png" /></a>
									</div>
									<a href="#">小米电视4A 32英寸</a><br /> <span>899元</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/4a43.png" /></a>
									</div>
									<a href="#">小米电视4A 43英寸青春版</a><br /> <span>1399元</span>
								</div>
								<div class="productor">
									<span>热卖</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/50.png" /></a>
									</div>
									<a href="#">小米电视4A 50英寸</a><br /> <span>1899元</span>
								</div>
								<div class="productor">
									<span>热卖</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/55320220.png" /></a>
									</div>
									<a href="#">小米电视4A 55英寸</a><br /> <span>2399元</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/4a65555.png" /></a>
									</div>
									<a href="#">查看全部</a><br /> <a href="#">小米电视</a><br />
								</div>
							</div>
						</div></li>

					<li><a>笔记本</a>
						<div class="head-hide">

							<div class="children">
								<div class="productor">
									<!--<span>新品</span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pingbanok.png" /></a>
									</div>
									<a href="#">小米平板</a><br /> <span>1099元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/320x220biiben.png" /></a>
									</div>
									<a href="#">小米笔记本 15.6"</a><br /> <span>4199元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/xinbijiben.png" /></a>
									</div>
									<a href="#">小米游戏本 8代</a><br /> <span>6699元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/WechatIMG603.png" /></a>
									</div>
									<a href="#">小米笔记本Pro 15.6" GTX版</a><br /> <span>6299元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/WechatIMG603 (1).png" /></a>
									</div>
									<a href="#">小米笔记本 Pro</a><br /> <span>5599元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/bijiben32012.5.jpg" /></a>
									</div>
									<a href="#">小米笔记本 Air 系列</a><br /> <span>3599元起</span>
								</div>
							</div>
						</div></li>

					<li><a>空调</a>
						<div class="head-hide">

							<div class="children">
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/kongtiao320-220.jpg" /></a>
									</div>
									<a href="#">米家互联网空调</a><br /> <span>1999元起</span>
								</div>
							</div>
						</div></li>

					<li><a>新品</a>
						<div class="head-hide">

							<div class="children">
								<div class="productor">
									<!--<span>新品</span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/shouhuan.png" /></a>
									</div>
									<a href="#">小米手环3</a><br /> <span>169元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/luyouqi.png" /></a>
									</div>
									<a href="#">小米路由器4</a><br /> <span>199元起</span>
								</div>
								<div class="productor">
									<!--<span>新品</span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>169元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>3299元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>1499元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>199元起</span>
								</div>
							</div>
						</div></li>

					<li><a>路由器</a>
						<div class="head-hide">

							<div class="children">
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/xiaomiluyouqi4.png" /></a>
									</div>
									<a href="#">小米路由器4</a><br /> <span>199元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
							</div>
						</div></li>
					<li><a>智能硬件</a>
						<div class="head-hide">

							<div class="children">
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/xiaomixiaoaiai.png" /></a>
									</div>
									<a href="#">小米小爱音箱mini</a><br /> <span>199元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<span>新品</span>
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
								<div class="productor">
									<!--<span></span>-->
									<div class="productor_img">
										<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
									</div>
									<a href="#">小米8</a><br /> <span>2699元起</span>
								</div>
							</div>
						</div></li>
				</ul>
				<ul>
					<li><a>服务</a></li>
					<li><a>社区</a></li>
				</ul>
			</div>

			<div class="head-search">
				<form class="search_form" action="#" method="post">
					<input type="search" name="search" class="search-box" /> <input
						type="submit" value="" class="search-btn" />
					<div class="key_search">
						<div>
							<a href="#">小米8</a>
						</div>
						<div>
							<a href="#">小米MIX 2S</a>
						</div>
					</div>
				</form>
			</div>
		</div>

	</div>
	<!--分割线-->
	<div id="greyline" style="height: 0px; border: gainsboro 0.1px solid;"></div>
	<!--导航栏开始-->
	<div id="nav1" class="nav1">
		<div id="nav1_left" class="nav1_left left_float">
			<ul>
				<li>小米8</li>
				<li>| &nbsp; <a href="#">小米8透明探索版</a> &nbsp; |
				</li>
				<li>&nbsp;<a href="#">小米8 SE</a></li>
			</ul>
		</div>
		<div id="nav1_right" class="nav1_right left_float">
			<ul
				style="width: 700px; height: 40px; display: block; float: right; margin-right: -20px;">
				<li><a href="pay.jsp" class="purchase">立即购买</a></li>
				<li>|&nbsp;&nbsp;<a href="#">用户评价</a>&nbsp;&nbsp;
				</li>
				<li>|&nbsp;&nbsp;<a href="#">F码通道</a>&nbsp;
				</li>
				<li>|&nbsp;&nbsp;<a href="#">参数</a>&nbsp;
				</li>
				<li>|&nbsp;&nbsp;<a href="#">图集</a>&nbsp;
				</li>
				<li><a href="#" style="color: orangered;">概述</a>&nbsp;</li>
			</ul>
		</div>
	</div>
	<!--导航栏结束-->
	<!--主题图片开始-->
	<div class="themePic">
		<ul>
			<li><img src="img/mi8/index1.jpg" /></li>
			<li><img src="img/mi8/index2.jpg" /></li>
			<li><img src="img/mi8/index3.jpg" /></li>
		</ul>
		<!--控制轮播的小横框-->
		<ul class="num">
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
	<!--主题图片结束-->
	<!--功能展示区开始-->
	<div id="show" class="show">
		<div id="showinner" class="showinner">
			<div id="inner_top" class="inner_top">
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h2 style="font-weight: 300; color: gray;">
						超旗舰性能
						</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
			</div>
			<div id="inner_mid" class="inner_mid">
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
			</div>
			<div id="inner_bottom" class="inner_bottom">
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
				<div>
					<h1 style="font-weight: 300; margin-top: 45px;">骁龙845处理器</h1>
					<h3 style="font-weight: 300; color: gray;">超旗舰性能</h3>
				</div>
			</div>
		</div>
	</div>
	<!--功能展示区结束-->
	<!--又一图片展示区开始-->
	<div class="secondPic">
		<ul>
			<li><img src="img/mi8/border1.jpg" /></li>
			<li><img src="img/mi8/border2.jpg" /></li>
			<li><img src="img/mi8/border3.jpg" /></li>
			<li><img src="img/mi8/border4.jpg" /></li>
		</ul>
		<!--控制轮播的小横框-->
		<ul class="num1">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
	<!--该图片展示区结束-->
	<!--纯图片三张-->
	<div id="onlyPic1" class="onlyPic1">
		<img src="img/mi8/pic2.png" />
	</div>
	<div id="onlyPic2" class="onlyPic1">
		<img src="img/mi8/pic3.png" />
	</div>
	<div id="onlyPic3" class="onlyPic2">
		<img src="img/mi8/pic1.png" />
	</div>
	<!--图片三张结束-->
	<!--7种AI影棚光效轮播开始-->
	<div id="AIcharacter" class="AIcharacter">
		<div>
			<h2>
				7中AI影棚光效<br />轻松拍出影棚级人像
			</h2>

		</div>
		<div>
			<p>
				口袋里的人像影棚，为人像照片加入一缕彩虹<br />光的期许，亦或是窗边光的静谧，让平常的一<br />瞬间，瞬间不平常。
			</p>
		</div>
	</div>
	<div id="thirdPic" class="thirdPic">
		<ul class="null">
			<li>
				<div class="img_surround">
					<img src="img/mi8/pic1.jpg" />
				</div>
				<div>
					<div class="imgbottom">
						<h1 style="font-weight: 500;">窗边光</h1>
						<p>柔和提亮面部，使高光与阴影形成强烈的明暗对比</p>
					</div>
				</div>
			</li>
			<li>
				<div class="img_surround">
					<img src="img/mi8/pic2.jpg" />
				</div>
				<div class="imgbottom">
					<h1>树叶光</h1>
					<p>阳光穿过了夏天的树叶，交错重叠，光影斑驳</p>
				</div>
			</li>
			<li>
				<div class="img_surround">
					<img src="img/mi8/pic3.jpg" />
				</div>
				<div class="imgbottom">
					<h1>彩虹光</h1>
					<p>雨后夕阳带来的七色光晕，迷离梦幻</p>
				</div>
			</li>
			<li>
				<div class="img_surround">
					<img src="img/mi8/pic4.jpg" />
				</div>
				<div class="imgbottom">
					<h1>电影光</h1>
					<p>模拟经典的电影光效，光与影留下时光的印记</p>
				</div>
			</li>
			<li>
				<div class="img_surround">
					<img src="img/mi8/pic5.jpg" />
				</div>
				<div class="imgbottom">
					<h1>波点光</h1>
					<p>被跳动的光影包围，像沐浴着晨光与微风，画面生机勃勃</p>
				</div>
			</li>
		</ul>
		<!--控制轮播的小横框-->

	</div>
	<div id="bottomzone" class="bottomzone">
		<ul class="num2">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
	<!--7种AI影棚光效轮播结束-->
	<div class="section-ai">
		<div class="section-webfont">
			<h1 align="center">
				前置2000万<br />“微整形”美颜相机，肖像级背景虚化
			</h1>
		</div>
		<p align="center">
			超高解析力的 2000 万前置摄像头，1.8μm（4合1）大像素技术，暗光自拍也能更清晰明亮。<br />全新升级的 3D 美颜技术与
			AI 单摄背景虚化，让自拍照如同棚拍直出一样出彩。
		</p>
		<div class="section-tips">
			<p>“微整形”美颜功能，指前置相机“3D 美颜”功能</p>
		</div>
	</div>

	<div class="section-ai2">
		<div class="section-ai2-1">
			<h2 align="center" class="section-ai2-1webfont">
				“微整形”美颜相机<br />支持精调五官，实时预览
			</h2>
			<div class="section-ai2-1webfont2">
				<h5 align="center">
					AI 深度学习面部特征，进行上千个特征点3D建模。支持精调五官并<br />提供实时预览，塑造属于自己的“芭比翘鼻”、“苹果肌”。并且还<br />能识别自拍角度，打造无死角、更自然的“微整形”美颜效果。
				</h5>
			</div>
			<img src="img/mi8/小米图片2左aibeauty-icon.jpg" class="section-ai2-1move">
		</div>
		<div class="section-ai2-2">
			<div class="section-tips">
				<p>*“微整形”美颜功能，包含于前置相机“3D 美颜”功能</p>
			</div>
		</div>

	</div>

	<div class="section-cpu">
		<div class="section-webfont">
			<h1 align="center">
				惊人的30万跑分<sup>*</sup><br />骁龙845，旗舰标配
			</h1>
		</div>
		<p align="center">
			骁龙845处理器，再次爆发强劲性能。无论是穿梭于多个App之间，或是来<br />一场激烈的枪战游戏，一定是你不可或缺的凶猛利器。
		</p>
	</div>

	<div class="section-infrared">
		<div class="section-webfont">
			<h1 align="center">红外人脸识别</h1>
		</div>
		<h3 align="center">全黑环境疾速解锁</h3>
	</div>
	<div class="site-footer container cleFloat">
		<div class="footer-service">
			<ul>
				<li><img src="img/sitefooter/weixiu.png" /> 预约维修服务</li>
				<li><img src="img/sitefooter/7天.png" /> 7天无理由退货</li>
				<li><img src="img/sitefooter/15天.png" /> 15天免费换货</li>
				<li><img src="img/sitefooter/包邮.png" /> 满150元包邮</li>
				<li><img src="img/sitefooter/定位.png" /> 520余家售后服务点</li>
			</ul>
		</div>
		<div class="footer-links">
			<dl>
				<dt>帮助中心</dt>
				<dd>
					<a>账户管理</a>
				</dd>
				<dd>
					<a>购物指南</a>
				</dd>
				<dd>
					<a>订单操作</a>
				</dd>
			</dl>
			<dl>
				<dt>服务支持</dt>
				<dd>
					<a>售后政策</a>
				</dd>
				<dd>
					<a>自助服务</a>
				</dd>
				<dd>
					<a>相关下载</a>
				</dd>
			</dl>
			<dl>
				<dt>线下门店</dt>
				<dd>
					<a>小米之家</a>
				</dd>
				<dd>
					<a>服务站点</a>
				</dd>
				<dd>
					<a>授权体验店</a>
				</dd>
			</dl>
			<dl>
				<dt>关于小米</dt>
				<dd>
					<a>了解小米</a>
				</dd>
				<dd>
					<a>加入小米</a>
				</dd>
				<dd>
					<a>投资者关系</a>
				</dd>
			</dl>
			<dl>
				<dt>关注我们</dt>
				<dd>
					<a>新浪微博</a>
				</dd>
				<dd>
					<a>官方微信</a>
				</dd>
				<dd>
					<a>联系我们</a>
				</dd>
			</dl>
			<dl>
				<dt>特色服务</dt>
				<dd>
					<a>F码通道</a>
				</dd>
				<dd>
					<a>礼物吗</a>
				</dd>
				<dd>
					<a>防伪查询</a>
				</dd>
			</dl>
			<div class="col-contact">
				<p>400-100-5678</p>
				<p>周一至周日 8:00-18:00</p>
				<p>（仅收市话费）</p>
				<div class="nofollow">
					<a>联系客服</a>
				</div>
			</div>
		</div>
	</div>

	<div class="site-info cleFloat">
		<div class="container">
			<div class="head-logo">
				<img src="img/headLogo.png" />
			</div>
			<div class="info-text">
				<p>
					<a>小米商城</a> <span>|</span> <a>MIUI</a> <span>|</span> <a>米家</a> <span>|</span>
					<a>米聊</a> <span>|</span> <a>多看</a> <span>|</span> <a>游戏</a> <span>|</span>
					<a>路由器</a> <span>|</span> <a>米粉卡</a> <span>|</span> <a>政企服务</a> <span>|</span>
					<a>小米天猫店</a> <span>|</span> <a>隐私政策</a> <span>|</span> <a>问题反馈</a>
					<span>|</span> <a>廉政举报</a> <span>|</span> <a>Select Region</a>
				</p>
				<p>
					@ <a>mi.com</a> 京ICP证110507号 <a>京ICP备10046444号</a> <a>京公网安备11010802020134号</a>
					<a>京网文[2017]1530-131号 </a> <br />
					违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
				</p>

			</div>
			<div class="info-links">
				<img src="img/sitefooter/truste.png" /> <img
					src="img/sitefooter/v-logo-2.png" /> <img
					src="img/sitefooter/v-logo-1.png" /> <img
					src="img/sitefooter/v-logo-3.png" /> <img
					src="img/sitefooter/ba10428a4f9495ac310fd0b5e0cf8370.png" />
			</div>
		</div>
		<div class="slogan">
			<span>探索黑科技，小米为发烧而生！</span>
		</div>
	</div>
</body>
</html>